@charset "utf-8";
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:url(../images/bg_01.jpg) no-repeat;
	background-size:100%;
}
.content{width:100%;}
.content .first .weixin_qrc{width:1000px; height:200px; line-height:200px; text-align:center; margin:0 auto; padding-top:100px;}
.content .first .weixin_title{width:1000px; height:30px; line-height:30px; text-align:center; margin:0 auto; color:#82B121; font-size:16px;font-family:'微软雅黑 Light';}
.content .first .guofang{width:1000px; height:80px; line-height:80px; text-align:center; margin:0 auto; padding-top:20px; color:#82B121; font-size:56px;font-family:'微软雅黑 Light';}
.content .first .appdown{width:450px; height:80px; line-height:80px; text-align:center; margin:0 auto; padding-top:20px;}
.content .first .appdown a{color:#80B020; text-decoration:none;}
.content .first .appdown a:hover{color:#FFFFFF; text-decoration:none;}
.content .first .appdown .apple{margin-top:10px; width:168px; height:55px; line-height:55px; border:2px #9AC050 solid;background:#FFF; background-image:url(../images/apple.png); background-repeat:no-repeat;border-radius:30px;-webkit-border-radius:30px; -moz-border-radius:30px; font-family:'微软雅黑 Light';font-size:24px; color:#80B020; padding-left:38px; float:left;}
.content .first .appdown .apple:hover{ background-color:#9AC050; color:#FFF;background-image:url(../images/apple_w.png); cursor:pointer;}
.content .first .appdown .android:hover{ background-color:#9AC050; color:#FFF;background-image:url(../images/android_w.png); cursor:pointer;}
.content .first .appdown .android{margin-top:10px; width:168px; height:55px; line-height:55px; border:2px #9AC050 solid;background:#FFF; background-image:url(../images/android.png); background-repeat:no-repeat;border-radius:30px;-webkit-border-radius:30px; -moz-border-radius:30px; font-family:'微软雅黑 Light';font-size:26px; color:#80B020; padding-left:35px;float:right;}
.content .first .app_title{width:1000px; height:30px; line-height:30px; text-align:center; margin:0 auto; color:#82B121; padding-top:20px; font-size:20px;font-family:'微软雅黑 Light';}

.content .second .guofang_title{width:1000px; height:60px; line-height:60px; text-align:center; margin:0 auto; color:#3E3A39; background:url(../images/gf_bg.png) no-repeat;font-size:50px;font-family:'微软雅黑 Light';}
.content .second .guofang_content{width:700px; height:140px; line-height:32px; text-align:center;font-size:16px;font-family:'微软雅黑'; color:#828282; padding-top:20px; margin:0 auto;}
.content .second .guofang_odds{width:100%; background:url(../images/line.png) no-repeat; background-position:top; background-size:100%; height:600px; margin:0 auto;}
.content .second .guofang_odds .oddsframe{ width:68%; min-width:1000px; height:600px; margin:0 auto;}
.content .second .guofang_odds .oddsframe .odds{width:25%; height:600px; float:left;}
.content .second .guofang_odds .oddsframe .odds .oddtitle{color:#717171; font-size:18px; font-family:'微软雅黑'; font-weight:bold;}
.content .second .guofang_odds .oddsframe .odds .oddcontent{color:#80b01f; font-size:17px; font-family:'微软雅黑 Light';}
.content .second .guofang_odds .oddsframe .odds .odd_01{width:200px; height:200px;border:8px #CCC solid;border-radius:108px;-webkit-border-radius:108px; -moz-border-radius:108px; background:url(../images/zhicai.jpg) no-repeat;margin:0 auto; margin-top:0;}
.content .second .guofang_odds .oddsframe .odds .odd_01:hover{border:8px #9C6 solid; cursor:pointer;}
.content .second .guofang_odds .oddsframe .odds .odd_01_des{width:180px; height:140px; line-height:30px; text-align:center;color:#828282; padding-top:20px; margin:0 auto;}

.content .second .guofang_odds .oddsframe .odds .odd_02{width:200px; height:200px;border:8px #CCC solid;border-radius:108px;-webkit-border-radius:108px; -moz-border-radius:108px; background:url(../images/chucang.jpg) no-repeat;margin:0 auto; margin-top:125px;}
.content .second .guofang_odds .oddsframe .odds .odd_02:hover{border:8px #F96 solid; cursor:pointer;}
.content .second .guofang_odds .oddsframe .odds .odd_02_des{width:180px; height:140px; line-height:30px; text-align:center;color:#828282; padding-top:20px; margin:0 auto;}

.content .second .guofang_odds .oddsframe .odds .odd_03{width:200px; height:200px;border:8px #CCC solid;border-radius:108px;-webkit-border-radius:108px; -moz-border-radius:108px; background:url(../images/peisong.jpg) no-repeat;margin:0 auto; margin-top:80px;}
.content .second .guofang_odds .oddsframe .odds .odd_03:hover{border:8px #933 solid; cursor:pointer;}
.content .second .guofang_odds .oddsframe .odds .odd_03_des{width:180px; height:140px; line-height:30px; text-align:center;color:#828282; padding-top:20px; margin:0 auto;}

.content .second .guofang_odds .oddsframe .odds .odd_04{width:200px; height:200px;border:8px #CCC solid;border-radius:108px;-webkit-border-radius:108px; -moz-border-radius:108px; background:url(../images/tuihuan.jpg) no-repeat;margin:0 auto; margin-top:120px;}
.content .second .guofang_odds .oddsframe .odds .odd_04:hover{border:8px #39C solid; cursor:pointer;}
.content .second .guofang_odds .oddsframe .odds .odd_04_des{width:180px; height:140px; line-height:30px; text-align:center;color:#828282; padding-top:20px; margin:0 auto;}

.content .third .guofangcities{}
.content .third .guofangcities .cities_width{width:64%; min-width:1000px; margin:0 auto;}
.content .third .guofangcities .cities_width .line{width:100%; height:30px; border-bottom:2px #D1D1D1 solid; background:url(../images/car.png) no-repeat;}
.content .third .guofangcities .cities_width .buttonandcities{width:1000px; margin:0 auto;}
.content .third .guofangcities .cities_width .buttonandcities .cities{margin-left:25px;}
.content .third .guofangcities .cities_width .buttons{margin-top:-38px; margin-left:25px;}
.content .third .guofangcities .cities_width .btn{width:30px; height:30px; background:#E9E9E9; border-radius:15px;-webkit-border-radius:15px; -moz-border-radius:15px; cursor:pointer;}
.content .third .guofangcities .cities_width .btn:hover{background:#80b01f;}
.content .third .guofangcities .cities_width .cityframe{ margin:0 auto;margin-top:30px;margin-bottom:30px; width:900px; height:150px; padding:20px;}
.content .third .guofangcities .cities_width .cityframe .cityqrc{ width:180px; height:150px; float:left; text-align:center;}
.content .third .guofangcities .cities_width .cityframe .cityqrc img{width:120px; height:120px; padding:2px; border:2 #F00 solid;}
.content .third .guofangcities .cities_width .cityframe .cityqrc p{font-family:'微软雅黑 Light'; font-size:16px; color:#9AC050; height:30px; line-height:30px; margin:0;}
.content .third .guofangcities .cities_width .cityframe .citytel{ width:700px; height:150px; float:right;}
.content .third .guofangcities .cities_width .cityframe .citytel p{font-family:'微软雅黑 Light'; font-size:18px; color:#666; line-height:32px; margin:0;}
.content .third .guofangcities .cities_width .cityframe .citytel p span.b{font-family:'微软雅黑';}
.content .third .guofangcities .cities_width .cityframe .citytel p.cityname{font-family:'微软雅黑';font-size:24px;color:#9AC050; margin-top:4px; margin-bottom:10px;}





.cbutton {
	position: relative;
	display: inline-block;
	margin: 1em 0.5em 0em 1.3em;
	padding: 0 1em;
	border: none;
	background:none;
	color: #286aab;
	font-size: 1.4em;
	overflow: visible;
	-webkit-transition: color 0.7s;
	transition: color 0.7s;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.cities label{
	position: relative;
	display: inline-block;
	margin:-10px 0.5em 0em 1.2em;
	padding: 0;
	border: none;
	background: none;
	color: #333333;
	font-size: 1.4em;
	width:78px;
	font-family:'微软雅黑';
}

.cbutton.cbutton--click,
.cbutton:focus {
	outline: none;
	color: #3c8ddc;
}

.cbutton__icon {
	display: block;
}

.cbutton__text {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.cbutton::after {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -35px 0 0 -35px;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	content: '';
	opacity: 0;
	pointer-events: none;
}

.cbutton--box {
	width: 34px;
	height: 34px;
	border: 4px solid rgb(22, 35, 47);
}

/* Ivana */
.cbutton--effect-ivana::before {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -35px 0 0 -35px;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	content: '';
	opacity: 0;
	pointer-events: none;
}

.cbutton--effect-ivana::before,
.cbutton--effect-ivana::after {
	box-shadow: 0 0 0 2px rgba(128,148,48,0.5);
}

.cbutton--effect-ivana.cbutton--click::before {
	-webkit-animation: anim-effect-ivana-1 0.5s forwards;
	animation: anim-effect-ivana-1 0.5s forwards;
}

.cbutton--effect-ivana.cbutton--click::after {
	-webkit-animation: anim-effect-ivana-2 0.5s forwards;
	animation: anim-effect-ivana-2 0.5s forwards;
}

@-webkit-keyframes anim-effect-ivana-1 {
	0% {
		opacity: 1;
		-webkit-transform: scale3d(0.5, 0.5, 1);
		transform: scale3d(0.5, 0.5, 1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
}

@keyframes anim-effect-ivana-1 {
	0% {
		opacity: 1;
		-webkit-transform: scale3d(0.5, 0.5, 1);
		transform: scale3d(0.5, 0.5, 1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
}

@-webkit-keyframes anim-effect-ivana-2 {
	0% {
		opacity: 1;
		-webkit-transform: scale3d(0.5, 0.5, 1);
		transform: scale3d(0.5, 0.5, 1);
	}
	50%, 100% {
		opacity: 0;
		-webkit-transform: scale3d(1.2, 1.2, 1);
		transform: scale3d(1.2, 1.2, 1);
	}
}

@keyframes anim-effect-ivana-2 {
	0% {
		opacity: 1;
		-webkit-transform: scale3d(0.5, 0.5, 1);
		transform: scale3d(0.5, 0.5, 1);
	}
	50%, 100% {
		opacity: 0;
		-webkit-transform: scale3d(1.2, 1.2, 1);
		transform: scale3d(1.2, 1.2, 1);
	}
}
